<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<head>
    <%@include file="/include/head.jsp"%>
    <title>账号信息</title>
    <link type="text/css" rel="stylesheet" href="${rootPath}/static/css/AccountInfo.css" />
</head>
<body>
<header class="mui-bar mui-bar-nav qy-bg-white qy-border-bottom">
    <a class="mui-icon mui-icon-back qy-text-black" href="/customer/center.do"></a>
    <h1 class="mui-title qy-text-black qy-font-size-20px">账号信息</h1>
</header>
<div class="mui-content">
    <div class="qy-bg-white">
        <a class="mui-row qy-block qy-padding-horizontal-16px qy-padding-vertical-12px" href="/customer/account/personalInfo.do">
            <div class="mui-col-xs-12 qy-flex qy-flex-text-between">
                <div class="qy-flex">
                    <img src="${user.headurl}" class="qy-full-borderRarius" width="81px" height="81px" />
                    <div class="qy-margin-left-10px">
                        <b class="qy-font-size-18px qy-text-black">${user.nickname}</b>
                        <br/>
                        <small class="qy-text-gray9">用户名:${user.username}</small>
                    </div>
                </div>
                <i class="mui-icon mui-icon-arrowright qy-font-size-30px qy-text-graye"></i>
            </div>
        </a>
    </div>
    <%--<div class="qy-bg-white qy-padding-left-12px qy-margin-top-8px">--%>
        <%--<a class="qy-block mui-row qy-padding-horizontal-10px qy-font-size-18px">--%>
            <%--<div class="mui-col-xs-6 qy-text-gray">实名认证</div>--%>
            <%--<div class="mui-col-xs-6 qy-text-right">--%>
                <%--<span class="qy-text-black">已认证</span>--%>
                <%--<i class="mui-icon mui-icon-arrowright qy-text-grayc"></i>--%>
            <%--</div>--%>
        <%--</a>--%>
    <%--</div>--%>
    <div class="qy-bg-white qy-padding-left-12px qy-margin-top-8px">
        <a class="qy-block mui-row qy-border-bottom qy-padding-horizontal-10px qy-font-size-18px">
            <div class="mui-col-xs-6 qy-text-gray">邮箱</div>
            <div class="mui-col-xs-6 qy-text-right">
                <span class="qy-text-black">${user.email}</span>
                <i class="mui-icon mui-icon-arrowright qy-text-grayc"></i>
            </div>
        </a>
        <a class="qy-block mui-row qy-border-bottom qy-padding-horizontal-10px qy-font-size-18px">
            <div class="mui-col-xs-6 qy-text-gray">绑定微信</div>
            <div class="mui-col-xs-6 qy-text-right">
                <c:if test="${weChat == 1}">
                    <span class="qy-text-black">已绑定</span>
                </c:if>
                <c:if test="${weChat == 0}">
                    <span class="qy-text-blue">未绑定</span>
                </c:if>
                <i class="mui-icon mui-icon-arrowright qy-text-grayc"></i>
            </div>
        </a>
        <a class="qy-block mui-row qy-padding-horizontal-10px qy-font-size-18px">
            <div class="mui-col-xs-6 qy-text-gray">绑定支付宝</div>
            <div class="mui-col-xs-6 qy-text-right">
                <c:if test="${aliPay == 1}">
                    <span class="qy-text-black">已绑定</span>
                </c:if>
                <c:if test="${aliPay == 0}">
                    <span class="qy-text-blue">未绑定</span>
                </c:if>
                <i class="mui-icon mui-icon-arrowright qy-text-grayc"></i>
            </div>
        </a>
    </div>
    <div class="qy-bg-white qy-padding-left-12px qy-margin-top-8px">
        <a class="qy-block mui-row qy-border-bottom qy-padding-horizontal-10px qy-font-size-18px" href="#editpwd">
            <div class="mui-col-xs-6 qy-text-gray">登录密码</div>
            <div class="mui-col-xs-6 qy-text-right">
                <i class="mui-icon mui-icon-arrowright qy-text-grayc"></i>
            </div>
        </a>
        <a class="qy-block mui-row qy-padding-horizontal-10px qy-font-size-18px">
            <div class="mui-col-xs-6 qy-text-gray">支付密码</div>
            <div class="mui-col-xs-6 qy-text-right">
                <i class="mui-icon mui-icon-arrowright qy-text-grayc"></i>
            </div>
        </a>
    </div>
    <div class="qy-bg-white qy-padding-left-12px qy-margin-top-8px">
        <a class="qy-block mui-row qy-padding-horizontal-10px qy-font-size-18px" href="/customer/account/contacts.do">
            <div class="mui-col-xs-6 qy-text-gray">常用体检人</div>
            <div class="mui-col-xs-6 qy-text-right">
                <i class="mui-icon mui-icon-arrowright qy-text-grayc"></i>
            </div>
        </a>
        <a class="qy-block mui-row qy-padding-horizontal-10px qy-font-size-18px" href="/customer/account/address.do">
            <div class="mui-col-xs-6 qy-text-gray">收货地址</div>
            <div class="mui-col-xs-6 qy-text-right">
                <i class="mui-icon mui-icon-arrowright qy-text-grayc"></i>
            </div>
        </a>
    </div>
    <input type="button" value="退出登录" class="loginout"/>
</div>
<div id="editpwd" class="mui-popover mui-popover-action mui-popover-bottom qy-text-center qy-font-size-22px ">
    <div class="qy-bg-white">
        <a class="qy-block qy-border-bottom qy-padding-horizontal-26px qy-text-blue">通过原密码修改</a>
        <a class="qy-block qy-padding-horizontal-26px qy-text-blue">通过手机号修改</a>
    </div>
    <div class="qy-bg-white qy-margin-top-8px qy-padding-horizontal-26px">
        <a class="qy-block qy-text-blue" href="#picture">取消</a>
    </div>
</div>
</body>
</html>
<script type="text/javascript" charset="utf-8" src="${rootPath}static/js/accountInfo.js"></script>